<template>
	<view class="payment">
		<!-- 使用之前请配置支付相关的appid -->
		<view class="btn" @click="alipy">
			支付宝
		</view>
		<view class="btn" @click="wxpy">
			微信
		</view>
	</view>
</template>

<script>
	export default{
		methods:{
			// 支付宝支付
			alipy(){
				// info 订单信息 一般由后端通过接口发送给前端接受在调起支付
				plus.payment.getChannels( function(e){
					let Alipy = e[0]
					// info 订单信息
					plus.payment.request(Alipy, info, function(){
						console.log("支付操作成功")
					}, function(e){
						console.log("支付失败："+e.message);
					} );
				}, function(e){
					console.log( "获取支付通道列表失败："+e.message );
				});
			},
			// 微信支付
			wxpy(){
				// info 订单信息 一般由后端通过接口发送给前端接受在调起支付
				plus.payment.getChannels( function(e){
					let wx = e[1]
					plus.payment.request(wx, info, function(){
						console.log("支付操作成功")
					}, function(e){
						console.log("支付失败："+e.message);
					} );
				}, function(e){
					console.log( "获取支付通道列表失败："+e.message );
				});
			}
				
		}
	}
</script>

<style>
	.btn{
		background: #976BF8;
		border-radius: 20rpx;
		height: 70rpx;
		line-height:  70rpx;
		width: 90%;
		margin: auto;
		display: block;
		text-align: center;
		color: #FFFFFF;
		margin-bottom: 20rpx;
	}
</style>
